<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#box{
position: absolute;
top: 20%;
left: 50%;
width:50%;
height:30%;
padding:20px;
text-align:center;
transform: translate(-50%, -50%);
}}}
ul{width:900px; height:40px;}
li{width:200px; height:30px; float:left;}
.apdiv1{
width:30px;height:30px;
background:red;
position:absolute;left:100px;top:50px;
}

</style>
</head>

<body>
<div id="box">
	<div>淘吃网</div>
    <div>
    <ul>
        <li>炸鸡</li>
        <li>啤酒</li>
        <li>披萨</li>
    </ul>
    </div>
    <div>
      <div id="apDiv1"><img src="../3-动态界面/images/pijiu1.jpg" width="167" height="113" /><img src="../3-动态界面/images/zhaji2.jpg" width="167" height="113" /></div>
      <div id="apDiv2"><img src="../3-动态界面/images/pisa1.jpg" width="167" height="113" /></div>
      <div id="apDiv3"></div>
  </div>
</div>
</body>
</html>
